<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="柳州螺蛳粉">
	<meta name="author" content="陈泳达">
    <link rel="icon" type="image/x-icon" href="image/image1/food.png">
    <title>柳州螺蛳粉</title>

    <link href="css/cyd.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.bundle.js"></script>
    <script src="js/bootstrap.js"></script>

    <style>
        /* 字体引入 */
    @font-face {
        font-family: nb-one-font;
        src: url("font/WangZhiShuFaZiTi-2.ttf")
    }
    @font-face {
        font-family: nb-two-font;
        src: url("font/yegenyoudaofengziti.ttf");
    }
    @font-face {
        font-family: nb-three-font;
        src: url("font/wangxizhi-font.otf");
    }
                  
    </style>

    

</head>
<body>
    <div class="first">

<!-- first-nav -->
        <nav class="navbar flex-column navbar-dark" id="first-nav">

            <a class="navbar-brand" href="#">
                <img src="image/image1/miantiao2.png" class="d-block w-100">
            </a>
            
            <ul class="navbar-nav">

                

              <li class="nav-item">
                <a class="nav-link" href="#section1">Section 1</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#section2">Section 2</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#section3">Section 3</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#section4">Section 4</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#section5">Section 5</a>
              </li>
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                  Section 
                </a>
                <div class="dropdown-menu">
                  <a class="dropdown-item" href="#section41">Link 1</a>
                  <a class="dropdown-item" href="#section42">Link 2</a>
                  <a class="dropdown-item" href="#section42">Link 3</a>
                </div>
              </li>
            </ul>
          </nav>

            
        </div>

        


    </div>

<!-- 主体 -->
    <div class="second" data-spy="scroll" data-target=".navbar" data-offset="50">
        
            <div class="row">
                <div class="col-md-12">

<!-- 主体第一部分 -->
                    <div id="section1" class="bg-secondary">

<!-- 顶部导航栏 -->
<!-- id=nav -->
                        <nav class="navbar navbar-expand-sm navbar-no-bg " id="nav">
                            
                            <a class="navbar-brand" href="http://instagram.com"><img src="image/image1/instagram.png"></a>
                          
                            
                            <ul class="navbar-nav">
                              <li class="nav-item">
<!-- 首页链接 -->
                                <a class="nav-link" href="index.html">首頁</a>
                              </li>
                              <li class="nav-item">
                                <a class="nav-link" href="https://baike.baidu.com/item/%E8%9E%BA%E8%9B%B3%E7%B2%89/1455359">螺蛳粉</a>
                              </li>
                          
                              
                              <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                                    關于廣西
                                </a>
                                <div class="dropdown-menu">
                                  <a class="dropdown-item" href="https://baike.baidu.com/item/%E5%B9%BF%E8%A5%BF/162679">廣西</a>
                                  <a class="dropdown-item" href="https://you.ctrip.com/sight/guangxi100052.html">旅遊</a>
                                  <a class="dropdown-item" href="https://zhuanlan.zhihu.com/p/361211680">廣西美食</a>
                                </div>
                              </li>
                            </ul>
                          </nav>

                       
<!-- 轮播图字体居中 -->
                        <div class="row">
                            <div class="col-md-12">
<!-- show-font -->
                                    <div id="show-font">
                                    <div class="">
                                        <p>柳州<br>&nbsp&nbsp&nbsp&nbsp螺蛳粉</p>
                                    </div>
                                    </div>



<!-- 轮播图 -->
                                <div id="slideshow-one" class="carousel slide carousel-fade" data="carousel">
                                    
                        
                                    <ol class="carousel-indicators">
                                        <li data-target="#slideshow-one" data-slide-to="0" class="active"></li>
                                        <li data-target="#slideshow-one" data-slide-to="1"></li>
                                        <li data-target="#slideshow-one" data-slide-to="2"></li>
                                    </ol>
                                    <!-- 小圆点点 -->
                        
                                    <div class="carousel-inner">
                                        <div class="carousel-item active" data-interval="3000">
                                            <!-- 延迟时间-->
                                            <img src="image/image1/01a.jpg" class="d-block w-100" alt="error">
                                            <!-- 轮播上的图像引用了 .d-block 、 .w-100两个样式，以修正浏览器预设的图像对齐带来的影响 -->
                                        </div>
                                        <div class="carousel-item" data-interval="3000">
                                            <img src="image/image1/02a.jpg" class="d-block w-100" alt="error">
                                        </div>
                                        <div class="carousel-item" data-interval="3000">
                                            <img src="image/image1/03a.jpg" class="d-block w-100" alt="error">
                                        </div>
                                    </div>
                        
                                    <a class="carousel-control-prev" href="#slideshow-one" role="button" data-slide="prev">
                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                      </a>
                                      <a class="carousel-control-next" href="#slideshow-one" role="button" data-slide="next">
                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                      </a>
                                    </div>

                            </div>
                        </div>

                      </div>

<!-- 字体居中 -->
                        

<!-- 主体第二部分 -->
<!-- section2 -->
                        <div id="section2" class="">
        

<!-- 第一个内容 -->
<!-- section2-first -->
                        <div class="row" id="section2-first">
<!-- section2-first-child -->
                                <div class="row" id="section2-first-child">
                                    <div class="col-md-2 bg-secondary">
                                        <img src="image/image1/huoche.jpg" class="d-block w-100">
                                        <img src="image/image1/qiche.jpg" class="d-block w-100">
                                        <p>柳州市是广西最大的工业基地，工业基础较好，已形成以汽车、机械、冶金、造纸印刷和日用化工五大支柱产业为龙头的产品和产业品类齐全结构较为合理的现代工业体系</p>
                                    </div>
                                    <div class="col-md-3 offset-md-1 bg-secondary">
<!-- section2-font  -->
                                        <a href="http://www.liuzhou.gov.cn/" id="section2-font">
                                        <p>螺蛳粉是廣西壯族自治區柳州市的特色小吃之壹，具有辣、爽、鮮、酸、燙的獨特風味。
                                        是柳州最具地方特色的名小吃。</p>
                                        <p>螺蛳粉的味美還因爲它有著獨特的湯料。 
                                        湯料由螺蛳、山奈、八角、肉桂、丁香、多種辣椒、等天然香料和味素配制而成。</p>
                                        <p>2018年8月20日，“柳州螺蛳粉”獲得國家地理標志商標。
                                        2008年，柳州螺蛳粉手工制作技藝入選廣西壯族自治區第二批非物質文化遺産名錄。                      
                                        2020年被列入國家級非物質文化遺産名單。</p>
                                        </a>
                                    </div>
<!-- city-img -->
                                    <div class="col-md-6 bg-secondary" id="city-img">
                                        <a href="http://www.liuzhou.gov.cn/"><img src="image/liuzhou.jpg" class="d-block w-100"></a>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
<!-- city-img-two -->
                                        <div class="row" id="city-img-two">

                                            <div class="col-md-2">
                                                
                                            </div>
                                            <div class="col-md-2">
                                                <img src="image/image1/7.jpg" class="d-block w-100">
                                                柳侯公园
                                            </div>
                                            <div class="col-md-2">
                                                <img src="image/image1/4.jpg" class="d-block w-100">
                                                凤凰河生态旅游度假区
                                            </div>
                                            <div class="col-md-2">
                                                <img src="image/image1/5.jpg" class="d-block w-100">
                                                融水民族体育公园
                                            </div>
                                            <div class="col-md-2">
                                                <img src="image/image1/6.jpg" class="d-block w-100" id="img">
                                                柳州龙潭公园
                                            </div>


                                        </div>
                                    
                                    </div>
                                </div>

                            </div>
                        </div>


<!-- 主体第三部分 视频-->
                    <div id="section3" class="container-fluid bg-secondary">
                      
                        <div class="row">
                            <div class="col-md-12">
<!-- 视频 -->
                                <div class="row" id="video">
                                    <div class="col-md-8 offset-md-2">

                                        <video autoplay="autoplay" controls="controls" loop="loop" src="ship/luosif.mp4"></video>

                                    </div>
                                </div>
                                <div class="row">

                                    <div class="col-md-3" id="font">
                                       <p>螺蛳粉的味美還因爲它有著獨特的湯料。湯料由螺蛳肉、山奈、八角、肉桂、丁香、多種辣椒、等天然香料和味素配制而成</p>
                                       <p>它的主料是圓米粉，和我們平時吃的米粉（米線）不同。通常是用由柳州特有的軟滑爽口的米粉（幹切粉）在清水中浸泡軟化之後再煮</p>
                                    </div>
                                    <div class="col-md-3" id="video-img1">
                                        <img src="image/image1/lsf3.jpg" class="d-block w-100">
                                    </div>
                                    <div class="col-md-3" id="video-img2">
                                        <img src="image/image1/lsf1.jpg" class="d-block w-100">
                                    </div>
                                    <div class="col-md-3" id="video-img3">
                                        <img src="image/image1/lsf2.jpg" class="d-block w-100">
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

<!-- 主体第四部分 -->
<!-- section4 -->
                    <div id="section4" class="container-fluid bg-danger">
                      
                        <div class="row">
                            
                                <div class="col-md-2">
                                        
                                    <b>酸豆角</b>
                                    <p>將泡菜壇子用開水燙過後，晾幹，切勿有水分。同時將豆角用水清洗幹淨後，晾幹水或者擦幹水</p>
                                    <p>豆角、蒜頭、美人椒、方糖依次放入壇內，倒入花椒水，水須沒過菜。最後加白酒少量。壇子加蓋後水封沿口</p>
                                        
                                    </div>
                                    <div class="col-md-2">
                                        <img src="image/image1/doujiao.jpg" class="d-block w-100">
                                    </div>

                            
                                <div class="col-md-2">
                                
                                    <b>黃花菜</b>
                                    <p>用涼水泡發，也可以用溫水泡發，把黃花菜放入水裏，讓黃花菜充分的吸收水分而泡漲回軟，泡發過程中換幾遍水祛除異味摘洗幹淨</p>
                                
                                </div>
                                <div class="col-md-2">
                                    <img src="image/image1/huanghuac.jpg" class="d-block w-100">
                                </div>
                        

                                <div class="col-md-2">
                                
                                    <b>螺絲</b>
                                    <p>把螺絲放沸水中綽壹下，然後撈起瀝幹待用,把輔料下鍋煸出香味,然後倒入瀝幹水份的螺絲倒入清水以淹沒螺絲爲准,大火燒，壹直到水分收幹</p>
                                
                                </div>
                                <div class="col-md-2">
                                    <img src="image/image1/luosi.jpg" class="d-block w-100">
                                </div>

                        </div>

                        <div class="row">
                            <div class="col-md-2">
                                <img src="image/image1/fuzhu.jpg" class="d-block w-100">
                            </div>
                            <div class="col-md-2">
                                
                                <b>腐竹</b>
                                <p>幹腐竹放入盆內用冷水泡上,待脹發後， 切成3厘米長的段，炒鍋上火，放清水燒開，下入腐竹,開鍋後撈出</p>
                               

                            </div>


                            <div class="col-md-2">
                                <img src="image/image1/huasheng.jpg" class="d-block w-100">
                            </div>
                            <div class="col-md-2">
                            
                                <b>花生</b>
                                <p>用沙子炒花生，是因为加热后的沙子能把花生包裹起来，使花生受热均匀，
                                既容易炒干水分，又不让花生焦糊</p>
                                
                            
                            </div>


                            <div class="col-md-2">
                                <img src="image/image1/saunsun.jpg" class="d-block w-100">
                            </div>
                            <div class="col-md-2">
                            
                                <b>酸筍</b>
                                <p>竹笋剥去笋壳，切成块或是切成笋丝或笋片,<br> 放于陶罐中，清水过面，撒上适量食盐，
                                置于陰涼處壹個月左右，酸味即出</p>
                               
    
                            </div>

                        </div>

                    </div>
                    <div id="section5" class="container-fluid bg-secondary">
                        
                        <div class="row">
                           
                            <div class="col-md-12 offset-md-0">
<!-- bg-img -->
                                <img src="image/image1/dian1.jpg" class="d-block w-100" id="bg-img">
                                
                            </div>
    
                        </div>
                        <div class="row">
                            <div class="col-md-4" id="bottom">
                                phone:18176481460 地址:华尔街北海路999号
                            </div>
                        </div>

                    </div>


                </div>
            </div>
        </div>
    </div>
</body>
</html>